<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Vue.js</title>
    <meta name="generator" content="VuePress 1.8.0">
    <link href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600|Open+Sans:400,600;display=swap" rel="stylesheet">
    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="icon" href="/vue3-doc/logo.png">
    <link rel="manifest" href="/vue3-doc/manifest.json">
    <link rel="apple-touch-icon" href="/vue3-doc/images/icons/apple-icon-152x152.png">
    <script src="https://player.youku.com/iframeapi"></script>
    <meta name="description" content="Vue.js - The 渐进式 JavaScript 框架">
    <meta name="theme-color" content="#3eaf7c">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="msapplication-TileImage" content="/vue3-doc/images/icons/ms-icon-144x144.png">
    <meta name="msapplication-TileColor" content="#000000">
    
    <link rel="preload" href="/vue3-doc/assets/css/0.styles.dbd5a077.css" as="style"><link rel="preload" href="/vue3-doc/assets/js/app.8e9a370d.js" as="script"><link rel="preload" href="/vue3-doc/assets/js/11.282d7961.js" as="script"><link rel="preload" href="/vue3-doc/assets/js/29.ea6a347d.js" as="script"><link rel="preload" href="/vue3-doc/assets/js/39.b7040bfe.js" as="script"><link rel="preload" href="/vue3-doc/assets/js/25.443a2cc7.js" as="script"><link rel="preload" href="/vue3-doc/assets/js/22.0b365510.js" as="script"><link rel="prefetch" href="/vue3-doc/assets/js/1.68d5ca75.js"><link rel="prefetch" href="/vue3-doc/assets/js/100.e9ca97cb.js"><link rel="prefetch" href="/vue3-doc/assets/js/101.bde08412.js"><link rel="prefetch" href="/vue3-doc/assets/js/102.de4df251.js"><link rel="prefetch" href="/vue3-doc/assets/js/103.a7e77998.js"><link rel="prefetch" href="/vue3-doc/assets/js/104.bcb1d675.js"><link rel="prefetch" href="/vue3-doc/assets/js/105.e433ec30.js"><link rel="prefetch" href="/vue3-doc/assets/js/106.cce18a4f.js"><link rel="prefetch" href="/vue3-doc/assets/js/107.b4b07388.js"><link rel="prefetch" href="/vue3-doc/assets/js/108.b839e5aa.js"><link rel="prefetch" href="/vue3-doc/assets/js/109.36fbdd83.js"><link rel="prefetch" href="/vue3-doc/assets/js/110.973c3515.js"><link rel="prefetch" href="/vue3-doc/assets/js/111.f6de6497.js"><link rel="prefetch" href="/vue3-doc/assets/js/112.01569df8.js"><link rel="prefetch" href="/vue3-doc/assets/js/113.6a3748b2.js"><link rel="prefetch" href="/vue3-doc/assets/js/114.e98d382e.js"><link rel="prefetch" href="/vue3-doc/assets/js/115.1e1c5889.js"><link rel="prefetch" href="/vue3-doc/assets/js/116.f02cbdf7.js"><link rel="prefetch" href="/vue3-doc/assets/js/117.0416f584.js"><link rel="prefetch" href="/vue3-doc/assets/js/118.6f3e5b86.js"><link rel="prefetch" href="/vue3-doc/assets/js/119.39bbe5d8.js"><link rel="prefetch" href="/vue3-doc/assets/js/12.8ce387e5.js"><link rel="prefetch" href="/vue3-doc/assets/js/120.7b14cee5.js"><link rel="prefetch" href="/vue3-doc/assets/js/121.d204ab46.js"><link rel="prefetch" href="/vue3-doc/assets/js/122.89d04b6b.js"><link rel="prefetch" href="/vue3-doc/assets/js/123.9fce5790.js"><link rel="prefetch" href="/vue3-doc/assets/js/124.32117a20.js"><link rel="prefetch" href="/vue3-doc/assets/js/125.7790c8fb.js"><link rel="prefetch" href="/vue3-doc/assets/js/126.346e0c66.js"><link rel="prefetch" href="/vue3-doc/assets/js/127.90aecff9.js"><link rel="prefetch" href="/vue3-doc/assets/js/128.b310aae3.js"><link rel="prefetch" href="/vue3-doc/assets/js/129.a541baa4.js"><link rel="prefetch" href="/vue3-doc/assets/js/13.7ecb88c4.js"><link rel="prefetch" href="/vue3-doc/assets/js/130.d8a83203.js"><link rel="prefetch" href="/vue3-doc/assets/js/131.8f77a918.js"><link rel="prefetch" href="/vue3-doc/assets/js/132.69dd48f6.js"><link rel="prefetch" href="/vue3-doc/assets/js/133.1a17c435.js"><link rel="prefetch" href="/vue3-doc/assets/js/134.1daf7963.js"><link rel="prefetch" href="/vue3-doc/assets/js/135.bfe5dd93.js"><link rel="prefetch" href="/vue3-doc/assets/js/136.7b9e2494.js"><link rel="prefetch" href="/vue3-doc/assets/js/137.774f5233.js"><link rel="prefetch" href="/vue3-doc/assets/js/138.5b9c62da.js"><link rel="prefetch" href="/vue3-doc/assets/js/139.ea828073.js"><link rel="prefetch" href="/vue3-doc/assets/js/14.1e94d35c.js"><link rel="prefetch" href="/vue3-doc/assets/js/140.eb5d606e.js"><link rel="prefetch" href="/vue3-doc/assets/js/141.74f9ddd6.js"><link rel="prefetch" href="/vue3-doc/assets/js/142.e6a6c183.js"><link rel="prefetch" href="/vue3-doc/assets/js/143.a862768e.js"><link rel="prefetch" href="/vue3-doc/assets/js/144.11e984d3.js"><link rel="prefetch" href="/vue3-doc/assets/js/145.5a2b45fa.js"><link rel="prefetch" href="/vue3-doc/assets/js/146.11a6e459.js"><link rel="prefetch" href="/vue3-doc/assets/js/147.2d731ce5.js"><link rel="prefetch" href="/vue3-doc/assets/js/148.10b05806.js"><link rel="prefetch" href="/vue3-doc/assets/js/149.dbd18e85.js"><link rel="prefetch" href="/vue3-doc/assets/js/15.5f97d7d3.js"><link rel="prefetch" href="/vue3-doc/assets/js/150.5d29b06e.js"><link rel="prefetch" href="/vue3-doc/assets/js/151.f95a5312.js"><link rel="prefetch" href="/vue3-doc/assets/js/152.6356d359.js"><link rel="prefetch" href="/vue3-doc/assets/js/153.048fb9f5.js"><link rel="prefetch" href="/vue3-doc/assets/js/154.b696a927.js"><link rel="prefetch" href="/vue3-doc/assets/js/155.cbab8e0c.js"><link rel="prefetch" href="/vue3-doc/assets/js/156.8b6dfeaa.js"><link rel="prefetch" href="/vue3-doc/assets/js/157.ddb9630f.js"><link rel="prefetch" href="/vue3-doc/assets/js/158.8830bcae.js"><link rel="prefetch" href="/vue3-doc/assets/js/159.73f9805a.js"><link rel="prefetch" href="/vue3-doc/assets/js/16.99f0a46f.js"><link rel="prefetch" href="/vue3-doc/assets/js/160.81d6e578.js"><link rel="prefetch" href="/vue3-doc/assets/js/161.4a54be2a.js"><link rel="prefetch" href="/vue3-doc/assets/js/162.b9e2a680.js"><link rel="prefetch" href="/vue3-doc/assets/js/163.aa4320f9.js"><link rel="prefetch" href="/vue3-doc/assets/js/164.ba76b659.js"><link rel="prefetch" href="/vue3-doc/assets/js/165.1de3781c.js"><link rel="prefetch" href="/vue3-doc/assets/js/17.1e50c7c0.js"><link rel="prefetch" href="/vue3-doc/assets/js/18.c8e6d35f.js"><link rel="prefetch" href="/vue3-doc/assets/js/19.6ac0efff.js"><link rel="prefetch" href="/vue3-doc/assets/js/2.15e48903.js"><link rel="prefetch" href="/vue3-doc/assets/js/20.22b01ff8.js"><link rel="prefetch" href="/vue3-doc/assets/js/21.61e0ef7d.js"><link rel="prefetch" href="/vue3-doc/assets/js/23.d257648d.js"><link rel="prefetch" href="/vue3-doc/assets/js/24.2c5ca951.js"><link rel="prefetch" href="/vue3-doc/assets/js/26.4aebfb8c.js"><link rel="prefetch" href="/vue3-doc/assets/js/27.44432e12.js"><link rel="prefetch" href="/vue3-doc/assets/js/28.a1381a73.js"><link rel="prefetch" href="/vue3-doc/assets/js/3.5a036bb1.js"><link rel="prefetch" href="/vue3-doc/assets/js/30.672c3d59.js"><link rel="prefetch" href="/vue3-doc/assets/js/31.cd576b97.js"><link rel="prefetch" href="/vue3-doc/assets/js/32.f82869d3.js"><link rel="prefetch" href="/vue3-doc/assets/js/33.5e981f72.js"><link rel="prefetch" href="/vue3-doc/assets/js/34.e5c4e496.js"><link rel="prefetch" href="/vue3-doc/assets/js/35.34f44353.js"><link rel="prefetch" href="/vue3-doc/assets/js/36.e6d3f5ae.js"><link rel="prefetch" href="/vue3-doc/assets/js/37.f1486fb3.js"><link rel="prefetch" href="/vue3-doc/assets/js/38.f7479caa.js"><link rel="prefetch" href="/vue3-doc/assets/js/4.28e546d1.js"><link rel="prefetch" href="/vue3-doc/assets/js/40.5c7a2259.js"><link rel="prefetch" href="/vue3-doc/assets/js/41.d12114b6.js"><link rel="prefetch" href="/vue3-doc/assets/js/42.c5619795.js"><link rel="prefetch" href="/vue3-doc/assets/js/43.1aa3e372.js"><link rel="prefetch" href="/vue3-doc/assets/js/44.8acfbe38.js"><link rel="prefetch" href="/vue3-doc/assets/js/45.8b1b0f30.js"><link rel="prefetch" href="/vue3-doc/assets/js/46.afc40541.js"><link rel="prefetch" href="/vue3-doc/assets/js/47.e07b3e77.js"><link rel="prefetch" href="/vue3-doc/assets/js/48.ab49e1e2.js"><link rel="prefetch" href="/vue3-doc/assets/js/49.85bbd96a.js"><link rel="prefetch" href="/vue3-doc/assets/js/5.ee0f2808.js"><link rel="prefetch" href="/vue3-doc/assets/js/50.afaeaf27.js"><link rel="prefetch" href="/vue3-doc/assets/js/51.6164767c.js"><link rel="prefetch" href="/vue3-doc/assets/js/52.6b354c7b.js"><link rel="prefetch" href="/vue3-doc/assets/js/53.8e7f9b46.js"><link rel="prefetch" href="/vue3-doc/assets/js/54.875869bf.js"><link rel="prefetch" href="/vue3-doc/assets/js/55.67228c1b.js"><link rel="prefetch" href="/vue3-doc/assets/js/56.7be74d38.js"><link rel="prefetch" href="/vue3-doc/assets/js/57.cfe3ab1d.js"><link rel="prefetch" href="/vue3-doc/assets/js/58.ca0d6e81.js"><link rel="prefetch" href="/vue3-doc/assets/js/59.b470025e.js"><link rel="prefetch" href="/vue3-doc/assets/js/6.687624bc.js"><link rel="prefetch" href="/vue3-doc/assets/js/60.59c62dd5.js"><link rel="prefetch" href="/vue3-doc/assets/js/61.bee6f9f3.js"><link rel="prefetch" href="/vue3-doc/assets/js/62.35a0754d.js"><link rel="prefetch" href="/vue3-doc/assets/js/63.5a8376a0.js"><link rel="prefetch" href="/vue3-doc/assets/js/64.f23f42f8.js"><link rel="prefetch" href="/vue3-doc/assets/js/65.be1ec638.js"><link rel="prefetch" href="/vue3-doc/assets/js/66.7998f627.js"><link rel="prefetch" href="/vue3-doc/assets/js/67.d0395c0d.js"><link rel="prefetch" href="/vue3-doc/assets/js/68.2f3fdf70.js"><link rel="prefetch" href="/vue3-doc/assets/js/69.9aa702b9.js"><link rel="prefetch" href="/vue3-doc/assets/js/7.ccd8a671.js"><link rel="prefetch" href="/vue3-doc/assets/js/70.68d38a8b.js"><link rel="prefetch" href="/vue3-doc/assets/js/71.688d1f43.js"><link rel="prefetch" href="/vue3-doc/assets/js/72.c3da244d.js"><link rel="prefetch" href="/vue3-doc/assets/js/73.62019e76.js"><link rel="prefetch" href="/vue3-doc/assets/js/74.55f11e97.js"><link rel="prefetch" href="/vue3-doc/assets/js/75.28f7a410.js"><link rel="prefetch" href="/vue3-doc/assets/js/76.aea5fcac.js"><link rel="prefetch" href="/vue3-doc/assets/js/77.767ba849.js"><link rel="prefetch" href="/vue3-doc/assets/js/78.867989b0.js"><link rel="prefetch" href="/vue3-doc/assets/js/79.18c04aab.js"><link rel="prefetch" href="/vue3-doc/assets/js/80.d9ab8e04.js"><link rel="prefetch" href="/vue3-doc/assets/js/81.c1b96691.js"><link rel="prefetch" href="/vue3-doc/assets/js/82.b423128a.js"><link rel="prefetch" href="/vue3-doc/assets/js/83.18e205da.js"><link rel="prefetch" href="/vue3-doc/assets/js/84.029c6d49.js"><link rel="prefetch" href="/vue3-doc/assets/js/85.d7c00a92.js"><link rel="prefetch" href="/vue3-doc/assets/js/86.92a5416c.js"><link rel="prefetch" href="/vue3-doc/assets/js/87.6bd41202.js"><link rel="prefetch" href="/vue3-doc/assets/js/88.5fd01128.js"><link rel="prefetch" href="/vue3-doc/assets/js/89.2da78840.js"><link rel="prefetch" href="/vue3-doc/assets/js/90.0c5a649e.js"><link rel="prefetch" href="/vue3-doc/assets/js/91.4daf663c.js"><link rel="prefetch" href="/vue3-doc/assets/js/92.dc5800e2.js"><link rel="prefetch" href="/vue3-doc/assets/js/93.4a77cabe.js"><link rel="prefetch" href="/vue3-doc/assets/js/94.83769b9e.js"><link rel="prefetch" href="/vue3-doc/assets/js/95.0388d28f.js"><link rel="prefetch" href="/vue3-doc/assets/js/96.dacf6b86.js"><link rel="prefetch" href="/vue3-doc/assets/js/97.dbba77db.js"><link rel="prefetch" href="/vue3-doc/assets/js/98.5550b50a.js"><link rel="prefetch" href="/vue3-doc/assets/js/99.b619ae82.js"><link rel="prefetch" href="/vue3-doc/assets/js/vendors~docsearch.4b3b21bf.js"><link rel="prefetch" href="/vue3-doc/assets/js/vendors~search-page.c3322d91.js">
    <link rel="stylesheet" href="/vue3-doc/assets/css/0.styles.dbd5a077.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container no-sidebar vuemastery-promo"><div id="vm-banner" role="banner" class="vuemastery-banner hide"><div class="vuemastery-planet"></div> <a href="https://www.vuemastery.com/black-friday-2020" target="_blank" class="vuemastery-banner--link"><img src="/images/vuemastery/logo-vuemastery.svg" alt="vuemastery" class="vuemastery-banner--logo"> <div class="vuemastery-banner--wrapper"><p><span>Vue Mastery's Black Friday Sale:</span>Save 50% off a year of Vue courses</p> <button class="vuemastery-button">Get discount</button></div></a> <div class="vuemastery-banner--close"></div></div> <header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" aria-current="page" class="home-link router-link-exact-active router-link-active"><img src="/logo.png" alt="Vue.js" class="logo"> <span class="site-name can-hide">Vue.js</span></a> <div class="links"><!----> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="文档菜单" class="dropdown-title"><span class="title">文档</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/guide/introduction.html" class="nav-link">
  教程
</a></li><li class="dropdown-item"><!----> <a href="/style-guide/" class="nav-link">
  风格指南
</a></li><li class="dropdown-item"><!----> <a href="/cookbook/" class="nav-link">
  Cookbook
</a></li><li class="dropdown-item"><!----> <a href="/examples/markdown.html" class="nav-link">
  示例
</a></li><li class="dropdown-item"><!----> <a href="/guide/contributing/writing-guide.html" class="nav-link">
  贡献文档
</a></li><li class="dropdown-item"><!----> <a href="/guide/migration/introduction.html" class="nav-link">
  v3 迁移指南
</a></li></ul></div></div><div class="nav-item"><a href="/api/" class="nav-link">
  API 参考
</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="生态系统" class="dropdown-title"><span class="title">生态系统</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><h4>
          社区
        </h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/community/team/" class="nav-link">
  团队
</a></li><li class="dropdown-subitem"><a href="/community/partners.html" class="nav-link">
  合作伙伴
</a></li><li class="dropdown-subitem"><a href="/community/join/" class="nav-link">
  加入
</a></li><li class="dropdown-subitem"><a href="/community/themes/" class="nav-link">
  主题
</a></li></ul></li><li class="dropdown-item"><h4>
          官方项目
        </h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://next.router.vuejs.org/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Vue Router
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-subitem"><a href="https://next.vuex.vuejs.org/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Vuex
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-subitem"><a href="https://cli.vuejs.org/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Vue CLI
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-subitem"><a href="https://vuejs.github.io/vue-test-utils-next-docs/guide/introduction.html" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Vue Test Utils
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-subitem"><a href="https://github.com/vuejs/vue-devtools" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Devtools
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-subitem"><a href="https://news.vuejs.org/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Weekly news
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="支持 Vue" class="dropdown-title"><span class="title">支持 Vue</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/support-vuejs/#one-time-donations" class="nav-link">
  一次性捐款
</a></li><li class="dropdown-item"><!----> <a href="/support-vuejs/#recurring-pledges" class="nav-link">
  周期性捐款
</a></li><li class="dropdown-item"><!----> <a href="https://www.smallsticker.com/%E8%B4%B4%E7%BA%B8/vue.html" target="_blank" rel="noopener noreferrer" class="nav-link external">
  贴纸
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://osholic.com/?utm_source=vue&amp;utm_medium=dropdown" target="_blank" rel="noopener noreferrer" class="nav-link external">
  周边
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://vue.threadless.com/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  T-Shirt 商店
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="多语言" class="dropdown-title"><span class="title">多语言</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="https://v3.vuejs.org" target="_blank" rel="noopener noreferrer" class="nav-link external">
  English
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div> <a href="https://github.com/vuejs/docs-next-zh-cn" target="_blank" rel="noopener noreferrer" class="repo-link">
    GitHub
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="docsearch"></div></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="文档菜单" class="dropdown-title"><span class="title">文档</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/guide/introduction.html" class="nav-link">
  教程
</a></li><li class="dropdown-item"><!----> <a href="/style-guide/" class="nav-link">
  风格指南
</a></li><li class="dropdown-item"><!----> <a href="/cookbook/" class="nav-link">
  Cookbook
</a></li><li class="dropdown-item"><!----> <a href="/examples/markdown.html" class="nav-link">
  示例
</a></li><li class="dropdown-item"><!----> <a href="/guide/contributing/writing-guide.html" class="nav-link">
  贡献文档
</a></li><li class="dropdown-item"><!----> <a href="/guide/migration/introduction.html" class="nav-link">
  v3 迁移指南
</a></li></ul></div></div><div class="nav-item"><a href="/api/" class="nav-link">
  API 参考
</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="生态系统" class="dropdown-title"><span class="title">生态系统</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><h4>
          社区
        </h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/community/team/" class="nav-link">
  团队
</a></li><li class="dropdown-subitem"><a href="/community/partners.html" class="nav-link">
  合作伙伴
</a></li><li class="dropdown-subitem"><a href="/community/join/" class="nav-link">
  加入
</a></li><li class="dropdown-subitem"><a href="/community/themes/" class="nav-link">
  主题
</a></li></ul></li><li class="dropdown-item"><h4>
          官方项目
        </h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://next.router.vuejs.org/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Vue Router
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-subitem"><a href="https://next.vuex.vuejs.org/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Vuex
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-subitem"><a href="https://cli.vuejs.org/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Vue CLI
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-subitem"><a href="https://vuejs.github.io/vue-test-utils-next-docs/guide/introduction.html" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Vue Test Utils
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-subitem"><a href="https://github.com/vuejs/vue-devtools" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Devtools
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-subitem"><a href="https://news.vuejs.org/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Weekly news
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="支持 Vue" class="dropdown-title"><span class="title">支持 Vue</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/support-vuejs/#one-time-donations" class="nav-link">
  一次性捐款
</a></li><li class="dropdown-item"><!----> <a href="/support-vuejs/#recurring-pledges" class="nav-link">
  周期性捐款
</a></li><li class="dropdown-item"><!----> <a href="https://www.smallsticker.com/%E8%B4%B4%E7%BA%B8/vue.html" target="_blank" rel="noopener noreferrer" class="nav-link external">
  贴纸
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://osholic.com/?utm_source=vue&amp;utm_medium=dropdown" target="_blank" rel="noopener noreferrer" class="nav-link external">
  周边
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://vue.threadless.com/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  T-Shirt 商店
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="多语言" class="dropdown-title"><span class="title">多语言</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="https://v3.vuejs.org" target="_blank" rel="noopener noreferrer" class="nav-link external">
  English
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div> <a href="https://github.com/vuejs/docs-next-zh-cn" target="_blank" rel="noopener noreferrer" class="repo-link">
    GitHub
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav>  <!----> </aside> <main aria-labelledby="main-title" class="home"><header class="hero"><div class="inner"><div class="left"><img src="/logo.png" alt="hero"></div> <div class="right"><h1 id="main-title">Vue.js</h1> <h2 class="tagline">渐进式<br> JavaScript 框架</h2> <div class="actions"><a href="/" aria-current="page" class="nav-link router-link-exact-active router-link-active vuemastery-trigger primary has-icon" data-v-54cb4917><i class="icon fa fa-play-circle" data-v-54cb4917></i>
  Why Vue.js?
</a><a href="/vue3-doc/guide/introduction.html" class="nav-link  " data-v-54cb4917><!---->
  起步
</a><a href="https://github.com/vuejs/vue-next" target="_blank" rel="noopener noreferrer" class="nav-link external github grey has-icon" data-v-54cb4917><i class="icon fa fa-github" data-v-54cb4917></i>
  GitHub
  <span data-v-54cb4917><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div></div></div></header> <div class="special-sponsors" data-v-0386a78f><h3 data-v-0386a78f>特别赞助</h3> <div class="blocks" data-v-0386a78f><a target="_blank" rel="noopener sponsored" href="http://www.dcloud.io/?hmsr=vuejsorg&amp;hmpl=&amp;hmcu=&amp;hmkw=&amp;hmci=" data-v-bcd926a0 data-v-0386a78f><img src="/vue3-doc/images/sponsors/dcloud.gif" alt="undefined logo" width="160" data-v-bcd926a0> <span class="description" data-v-bcd926a0></span></a></div></div> <section class="section-features"><div class="inner"><div class="feature"><h2>易用</h2> <p>已经会了 HTML、CSS、JavaScript？即刻阅读指南开始构建应用！</p></div><div class="feature"><h2>灵活</h2> <p>不断繁荣的生态系统，可以在一个库和一套完整框架之间自如伸缩。</p></div><div class="feature"><h2>高效</h2> <p>20kB min+gzip 运行大小<br>
超快虚拟 DOM<br>
最省心的优化
</p></div></div></section> <div class="theme-default-content custom content__default"><div class="overlay" style="display:none;"><div class="modal"><div class="video-space" style="padding: 56.25% 0 0 0; position: relative;"></div> <p class="modal-text">
      Video by
      <a href="https://www.vuemastery.com" target="_blank" rel="sponsored noopener" title="Vue.js Courses on Vue Mastery">Vue Mastery</a>. Watch Vue Mastery’s free
      <a href="https://www.vuemastery.com/courses/intro-to-vue-3/intro-to-vue3" target="_blank" rel="sponsored noopener" title="Vue.js Courses on Vue Mastery">Intro to Vue course</a>.
    </p></div></div></div> <section class="section-sponsors"><div class="inner"><div class="sponsors sponsors__patreon"><h3 class="heading">Patreon 赞助商</h3> <div class="content"><div class="platinum"><a href="https://vueschool.io/?utm_source=Vuejs.org&amp;utm_medium=Banner&amp;utm_campaign=Sponsored%20Banner&amp;utm_content=V1" target="_blank" rel="sponsored noopener"><img src="/images/sponsors/vueschool.png" width="160" alt="VueSchool"></a><a href="https://vehikl.com/" target="_blank" rel="sponsored noopener"><img src="/images/sponsors/vehikl.png" width="160" alt="Vehikl"></a><a href="https://retool.com/?utm_source=sponsor&amp;utm_campaign=vue" target="_blank" rel="sponsored noopener"><img src="/images/sponsors/retool.png" width="160" alt="Retool"></a><a href="https://passionatepeople.io/" target="_blank" rel="sponsored noopener"><img src="/images/sponsors/passionate_people.png" width="160" alt="Passionate People"></a><a href="https://www.storyblok.com" target="_blank" rel="sponsored noopener"><img src="/images/sponsors/storyblok.png" width="160" alt="Storyblok"></a></div> <div class="gold"><a href="https://www.vuemastery.com/" target="_blank" rel="sponsored noopener"><img src="/images/sponsors/vuemastery.png" width="120" alt="VueMastery"></a><a href="https://laravel.com" target="_blank" rel="sponsored noopener"><img src="/images/sponsors/laravel.png" width="120" alt="Laravel"></a><a href="https://htmlburger.com" target="_blank" rel="sponsored noopener"><img src="/images/sponsors/html_burger.png" width="120" alt="HTML Burger"></a><a href="https://www.frontenddeveloperlove.com/" target="_blank" rel="sponsored noopener"><img src="/images/sponsors/frontendlove.png" width="120" alt="FrontendLove"></a><a href="https://onsen.io/vue/" target="_blank" rel="sponsored noopener"><img src="/images/sponsors/onsen_ui.png" width="120" alt="Onsen UI"></a><a href="https://neds.com.au/" target="_blank" rel="sponsored noopener"><img src="/images/sponsors/neds.png" width="120" alt="Neds"></a><a href="https://vuejobs.com/?ref=vuejs" target="_blank" rel="sponsored noopener"><img src="/images/sponsors/vuejobs.png" width="120" alt="VueJobs"></a><a href="https://tidelift.com/subscription/npm/vue" target="_blank" rel="sponsored noopener"><img src="/images/sponsors/tidelift.png" width="120" alt="Tidelift"></a><a href="https://www.firesticktricks.com/" target="_blank" rel="sponsored noopener"><img src="/images/sponsors/firestick_tricks.png" width="120" alt="Firestick Tricks"></a><a href="https://intygrate.com/" target="_blank" rel="sponsored noopener"><img src="/images/sponsors/intygrate.png" width="120" alt="Intygrate"></a><a href="http://en.shopware.com/" target="_blank" rel="sponsored noopener"><img src="/images/sponsors/shopware_ag.png" width="120" alt="shopware AG"></a><a href="https://www.vpnranks.com/" target="_blank" rel="sponsored noopener"><img src="/images/sponsors/vpnranks.png" width="120" alt="VPNRanks"></a><a href="https://www.bacancytechnology.com" target="_blank" rel="sponsored noopener"><img src="/images/sponsors/bacancy_technology.png" width="120" alt="Bacancy Technology"></a><a href="https://www.bestvpn.co/" target="_blank" rel="sponsored noopener"><img src="/images/sponsors/bestvpn_co.png" width="120" alt="BestVPN.co"></a><a href="https://www.y8.com/" target="_blank" rel="sponsored noopener"><img src="/images/sponsors/y8.png" width="120" alt="Y8"></a><a href="https://js.devexpress.com/" target="_blank" rel="sponsored noopener"><img src="/images/sponsors/devexpress.png" width="120" alt="DevExpress"></a><a href="https://fastcoding.jp/javascript/ " target="_blank" rel="sponsored noopener"><img src="/images/sponsors/fastcoding_inc.svg" width="120" alt="FASTCODING Inc"></a><a href="https://usave.co.uk/utilities/broadband" target="_blank" rel="sponsored noopener"><img src="/images/sponsors/usave.png" width="120" alt="usave"></a><a href="https://www.foo.software" target="_blank" rel="sponsored noopener"><img src="/images/sponsors/foo.png" width="120" alt="Foo"></a><a href="https://flatlogic.com/templates" target="_blank" rel="sponsored noopener"><img src="/images/sponsors/flatlogic_templates.svg" width="120" alt="Flatlogic Templates"></a><a href="http://moovweb.com/" target="_blank" rel="sponsored noopener"><img src="/images/sponsors/moovweb.png" width="120" alt="Moovweb"></a></div> <a href="https://vuejs.org/support-vuejs/" data-v-ae086852>成为赞助者!</a></div></div> <div class="sponsors sponsors__open-collective" data-v-5f7a761b><h3 class="heading">Open Collective 赞助商</h3> <div class="content"><h4 data-v-5f7a761b>铂金</h4> <a href="https://opencollective.com/vuejs/tiers/platinum-sponsors/0/website" rel="sponsored noopener" target="_blank" data-v-5f7a761b><img src="https://opencollective.com/vuejs/tiers/platinum-sponsors/0/avatar.svg" alt="Vue.JS platinum sponsor" data-v-5f7a761b></a> <h4 data-v-5f7a761b>黄金</h4> <a href="https://opencollective.com/vuejs/tiers/gold-sponsors/0/website" rel="sponsored noopener" target="_blank" data-v-5f7a761b><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/0/avatar.svg" alt="Vue.JS gold sponsor" data-v-5f7a761b></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/1/website" rel="sponsored noopener" target="_blank" data-v-5f7a761b><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/1/avatar.svg" alt="Vue.JS gold sponsor" data-v-5f7a761b></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/2/website" rel="sponsored noopener" target="_blank" data-v-5f7a761b><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/2/avatar.svg" alt="Vue.JS gold sponsor" data-v-5f7a761b></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/3/website" rel="sponsored noopener" target="_blank" data-v-5f7a761b><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/3/avatar.svg" alt="Vue.JS gold sponsor" data-v-5f7a761b></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/4/website" rel="sponsored noopener" target="_blank" data-v-5f7a761b><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/4/avatar.svg" alt="Vue.JS gold sponsor" data-v-5f7a761b></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/5/website" rel="sponsored noopener" target="_blank" data-v-5f7a761b><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/5/avatar.svg" alt="Vue.JS gold sponsor" data-v-5f7a761b></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/6/website" rel="sponsored noopener" target="_blank" data-v-5f7a761b><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/6/avatar.svg" alt="Vue.JS gold sponsor" data-v-5f7a761b></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/7/website" rel="sponsored noopener" target="_blank" data-v-5f7a761b><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/7/avatar.svg" alt="Vue.JS gold sponsor" data-v-5f7a761b></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/8/website" rel="sponsored noopener" target="_blank" data-v-5f7a761b><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/8/avatar.svg" alt="Vue.JS gold sponsor" data-v-5f7a761b></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/9/website" rel="sponsored noopener" target="_blank" data-v-5f7a761b><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/9/avatar.svg" alt="Vue.JS gold sponsor" data-v-5f7a761b></a></div></div> <div class="sponsors sponsors__open-collective" data-v-78eee962><h3 class="heading">中国区视频托管赞助商</h3> <div class="content"><a href="https://cloud.youku.com/index.php?source=vuejs" rel="sponsored noopener" target="_blank" data-v-78eee962><img src="/vue3-doc/images/sponsors/youku.png" alt="Vue.JS sponsor" data-v-78eee962></a></div></div></div></section> <section class="section-newsletter"><div class="newsletter" data-v-074f719e><div class="inner" data-v-074f719e><h3 data-v-074f719e><label for="member_email" data-v-074f719e>订阅我们的周刊 (英文)</label></h3> <form id="revue-form" name="revue-form" target="_blank" rel="noopener" action="https://www.getrevue.co/profile/vuenewsletter/add_subscriber" method="post" class="newsletter-form" data-v-074f719e><input type="email" name="member[email]" id="member_email" required="required" placeholder="邮件地址" class="newsletter-input" data-v-074f719e> <input type="submit" value="订阅" name="member[subscribe]" id="member_submit" class="button newsletter-button" data-v-074f719e></form> <p data-v-074f719e>
      你可以在 <a href="https://news.vuejs.org" target="_blank" rel="noopener" data-v-074f719e>news.vuejs.org</a> 翻阅往期的 issue，也可以收听 podcast。
    </p></div></div></section> <footer class="main-footer"><p><a href="https://github.com/vuejs/vue-next" title="GitHub" class="social-icon inverted" data-v-2dac9808><i class="fa fa-github" data-v-2dac9808></i> <span class="sr-only" data-v-2dac9808>GitHub</span></a><a href="https://twitter.com/vuejs" title="Twitter" class="social-icon inverted" data-v-2dac9808><i class="fa fa-twitter" data-v-2dac9808></i> <span class="sr-only" data-v-2dac9808>Twitter</span></a><a href="https://medium.com/the-vue-point" title="Medium" class="social-icon inverted" data-v-2dac9808><i class="fa fa-medium" data-v-2dac9808></i> <span class="sr-only" data-v-2dac9808>Medium</span></a></p> <p class="copyright">遵循<a href="https://opensource.org/licenses/MIT" target="_blank" rel="noopener"> MIT 开源协议</a><br>
Copyright © 2014-2020 Evan You
</p></footer></main></div><div class="global-ui"><!----></div></div>
    <script src="/vue3-doc/assets/js/app.8e9a370d.js" defer></script><script src="/vue3-doc/assets/js/11.282d7961.js" defer></script><script src="/vue3-doc/assets/js/29.ea6a347d.js" defer></script><script src="/vue3-doc/assets/js/39.b7040bfe.js" defer></script><script src="/vue3-doc/assets/js/25.443a2cc7.js" defer></script><script src="/vue3-doc/assets/js/22.0b365510.js" defer></script>
  </body>
</html>
